<template>
  <div id="app">
      <router-view></router-view>
  </div>
</template>

<style lang="scss">
    @import '../node_modules/vant/lib/index.css';
    @import "../node_modules/animate.css/animate.css";

    body, html {
        height: 100%;
        width: 100%;
        background-color: #f5f5f5;
    }
    *{
        padding:0;
        margin: 0;
    }
#app {
 height: 100%;
        width: 100%;
}

    @media only screen and (max-width: 768px) {
        html{
            font-size: 34.8px;
        }
    }
    @media only screen and (max-width:414px ) {
        html{
            font-size: 17.87px;
        }
    }
    @media only screen and (max-width: 375px) {
        html{
            font-size: 16px;
        }
    }
    @media only screen and (max-width: 360px) {
        html{
            font-size: 15.3px;
        }
    }



</style>
<script>

</script>